$(function () {
    // 初始化富文本
    initEditor();

    let form = layui.form;
    let layer = layui.layer;
    initCate();
    initDate();
    // 封装 分类
    function initCate() {
        $.ajax({
            url: '/admin/category/list',
            type: 'get',
            data: {},
            success: (res) => {
                console.log(res.data);
                let htmlStr = template("tpl-cate", res)
                $("[name=categoryId]").html(htmlStr);
                form.render();
            }
        })
    }

    // 封装日期
    function initDate() {
        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#date' //指定元素
            });
        });
    }
    // 初始化图片裁剪区域
    // 初始化图片裁剪区域
    let $image = $("#image");
    let options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview'
    }

    $image.cropper(options)
    // 上传
    $("#btnChooseImage").on("click", function () {
        $("#coverFile").click();
    })
    // 设置图片
    $("#coverFile").change(function (e) {
        // 拿到用户选择的图片
        let file = this.files[0];
        // console.log(typeof file);

        // 非空校验
        if (file == undefined) {
            return '请选择图片!'
        }


        // 将url设置给img的src属性，显示图片

        // // 根据选择图片，创建一个对应的URL路径
        let newImgURL = URL.createObjectURL(file)
        // console.log(typeof newImgURL);
        $('#coverFile').attr('src', newImgURL);
        // console.log($('#coverFile').attr('src'));

        $image.cropper('destroy').attr('src', newImgURL).cropper(options)
    })

    //  设置状态
    let state = '已发布'

    $("#btnSave2").on("click", function () {
        state = ''
    })
    // 添加文章
    $("#form-pub").on("submit", function (e) {
        console.log($("#articleContent").val())

        e.preventDefault();
        // 创建FormData对象 收集数据
        // $("#articleContent").html();
        // console.log($("#articleContent").val().replace(/<\/?.+?>/g, ""));
        // /<\/?.+?\/?>/g  去除所有HTML标签

        // /<(?!img).*?>/g 去除所有HTML标签 不包括img

        let fd = new FormData(this)
        // fd.set('content', $("#articleContent").val().replace(/<(?!img).*?>/g, ""))
        // fd.set('content', $("#articleContent").val())


        // 放入状态
        fd.append('state', state)

        publishArticle(fd);
        console.log(...fd);

    })
    // 封装 添加文章的方法
    function publishArticle(fd) {
        $.ajax({
            url: '/admin/article/publish',
            type: 'post',
            data: fd,

            contentType: false,
            processData: false,
            success: (res) => {
                // console.log(res);
                if (res.code !== 200) {
                    return layer.msg(res.msg)
                }
                layer.msg("恭喜您,发布文章成功!")

                setTimeout(function () {
                    window.parent.document.getElementById("art_list").click()
                }, 1000)
            }
        })
    }
})